<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html">

    <body>

        <ui:composition template="./AdministradorTemplate.xhtml">
            <ui:define name="top"></ui:define>
            <ui:define name="left"></ui:define>
            <ui:define name="right"></ui:define>

            <ui:define name="content">
                <h:form id ="form">
                    <p:panel header="Lista de todos los alumnos existentes." > 
                        <h:panelGrid columns="1" >                             
                            <p:commandButton value="Recuperar la lista completa de alumnos" style="width: 300px" actionListener="#{administradorActionListener.llenarListaAlumnos}" update="form"/>
                        </h:panelGrid>                    
                    </p:panel>  

                    <br></br>
                    <p:messages id="msgs" showDetail="true" /> <br></br> 
                    <br></br>
                    <p:dataTable var="alu" value="#{administradorActionListener.alumnosTodos}" selectionMode="single"  paginator="true" rows="25">  

                        <f:facet name="header">  
                            Lista de alumnos presentes en la base de datos de la bolsa de trabajo de la facultad de ciencias: 
                        </f:facet>  

                        <p:column style="width:16px">  
                            <f:facet name="header">  
                                Ver:
                            </f:facet> 
                            <p:rowToggler />  
                        </p:column>  

                        <p:column style="width:150px">  
                            <f:facet name="header">  
                                Nombre del alumno:   
                            </f:facet>  
                            <h:outputText value="#{alu.nombre} #{alu.apPat} #{alu.apMat}" />  
                        </p:column>  

                        <p:column style="width:350px">  
                            <f:facet name="header">  
                                Número de cuenta:   
                            </f:facet>  
                            <h:outputText value="#{alu.numeroCta}" />  
                        </p:column>  

                        <p:column style="width:40px">  
                            <f:facet name="header">  
                                Acción:   
                            </f:facet> 

                            <p:commandButton  value="Limpiar Registro" title="View" action="#{administradorActionListener.rechazarAlumno}" update="form" process="@this">  
                                <f:setPropertyActionListener value="#{alu}" target="#{administradorActionListener.alumnoSeleccionado}" /> 
                                <p:collector value="#{alu}"
                                             removeFrom="#{administradorActionListener.alumnosTodos}" />
                            </p:commandButton>  

                        </p:column>
                        <p:rowExpansion>  

                            <h:outputText value="#{alu.htmlElegido}" escape="false" />                                                        
                        </p:rowExpansion>  
                    </p:dataTable>  

                    <p:dialog header="Accion con alumno:" widgetVar="exitoDialogo" resizable="true" id="carDlg"  
                              showEffect="fade" hideEffect="explode" modal="true">
                        <h:outputLabel value="Éxito"/>
                    </p:dialog>
                </h:form>
            </ui:define>

            <ui:define name="bottom"></ui:define>
        </ui:composition>

    </body>
</html>
